
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <script>
            // 数组循环方法
        //1. forEach
        // var arr = [{name:"张三"},{name:"李四"},{name:"王五"}];

        // arr.forEach(function(item){
        //     console.log(item.name);
        // })

        // 2.map循环  映射 
        var arr = ["张三","李四","王五"];
        var arr = [{name:"张三"},{name:"李四"},{name:"王五"}];
        var newarr =  arr.map(function(item,key,arr){
            console.log(item,key,arr);
        //     return item.name;
        })
        // console.log(newarr);

        // 3.filter循环 过滤

        // var arr = [1,2,3,4,5,6,7];

        // var res =  arr.filter(function(item,key,arr){
        //         // return true;
        //         // return false;
        //         return item>3;
        // })
        // console.log(res);

        // 4.some循环: 只要有一个true 最终结果就是true  否者 就是false
        // 所有返还中 只要有一个 true 那么结果就为true  否者结果就是false
        // var arr = [false,true,false,true];
        // var res =  arr.some(function(item,key,arr){
        //    console.log(item,key,arr);
        //     return item;
        // })  
        // console.log(res);

        // 5.every 循环：所有都为true的时候 最终结果是true  只要有false 最终结果就是false
        // every  表单的全选  全选和非全选
        // var arr = [true,true,false];
        // var res =   arr.every(function(item){
        //     return item;
        // })
        // console.log(res);
        

        // var arr = [{name:"张三",age:27,gender:"男"},{name:"李四",age:23,gender:"男"},{name:"王五",age:17,gender:"女"},{name:"王小二",age:29,gender:"男"}]

    //   var res =  arr.filter(function(a,b,c){
    //         // return a.gender === "男";
    //         console.log(a.age)
    //     })
    //     // console.log(res);
    //    var arr =  res.filter(function(item){
    //         return item.age>25;
    //     })
    //     // console.log(arr);

    // 链式操作
    //   var res = arr.filter(function(item){
    //         return item.gender == "男";
    //     }).filter(function(item){
    //         return item.age>25;
    //     }).sort(function(a,b){
    //         return b.age - a.age;
    //     })
    //     console.log(res);

    // 箭头函数
        // var res = arr.filter(item=>item.gender=="男").filter(item=>item.age>25).sort((a,b)=>b.age-a.age);
        // console.log(res);

        </script>
    </body>

    </html>
